<template>
  <el-row type="flex" justify="center">
    <el-col :span="20">
      <el-form class="my-el-form" ref="form" :model="form" label-width="80px" size="small">
        <el-divider content-position="left">服务基本信息</el-divider>
        <el-form-item label="服务名称">
          <span>全国人口分布图</span>
        </el-form-item>
        <el-form-item label="服务类型">
          <span>地图服务</span>
        </el-form-item>
        <el-form-item label="服务状态">
          <span>在线</span>
        </el-form-item>
        <el-form-item label="所属部门">
          <span>水利</span>
        </el-form-item>
        <el-form-item label="所属专题">
          <span>人口分布</span>
        </el-form-item>
        <el-divider content-position="left">发布人基本信息</el-divider>
        <el-form-item label="联系人">
          <span>张某</span>
        </el-form-item>
        <el-form-item label="联系单位">
          <span>环境监测</span>
        </el-form-item>
        <el-form-item label="联系地址">
          <span>河北省海港区</span>
        </el-form-item>
        <el-form-item label="联系电话">
          <span>13312345678</span>
        </el-form-item>
        <el-form-item label="电子邮箱">
          <span>xxxxxxxx@org.cn</span>
        </el-form-item>
        <el-divider content-position="left">申请授权类型</el-divider>
        <el-form-item label="授权范围">
          <el-radio v-model="form.value1" label="1">服务应用</el-radio>
          <el-radio v-model="form.value2" label="1">数据下载</el-radio>
        </el-form-item>
        <el-divider></el-divider>
        <el-form-item>
          <el-button type="danger">删除申请</el-button>
          <el-button @click="$router.go(-1)">取消</el-button>
        </el-form-item>
      </el-form>
    </el-col>
  </el-row>
</template>

<script>
  /**
   *{ 申请记录详情 }
   * @param:
   * @author: 宋康
   * @DateTime: 2022/7/9
   */
  export default {
    name: "resourceDetailed",
    data() {
      return {
        form: {
          value1: '1',
          value2: '1'
        }
      }
    },
  }
</script>

<style lang="scss" scoped>
  .my-el-form {
    &::v-deep .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
      margin-bottom: 0;
    }
  }
</style>
